<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>艺术品</title>
    <link rel="stylesheet" href="../css/artwork.css">
</head>

<body>
    <div class="wrap">
        <header id="back">
            <nav>
                <div class="logo">
                    <img src="../images/common/logo.png" alt="">
                </div>
                <div class="search">
                    <input type="text">
                    <span>搜索</span>
                    <i class="iconfont icon-sousuo"></i>
                </div>
                <div class="title">
                    <a href="../pages/index.html">首页</a>
                    <a href="../pages/artwork.html">艺术品</a>
                    <a href="../pages/artist.html">艺术家</a>
                    <a href="../pages/exhibition.html">展览</a>
                    <a href="../pages/article.html">文章</a>
                </div>
                <div class="btnBox">
                    <button>注册</button>
                    <button>登录</button>
                </div>
            </nav>
        </header>
        <main>
            <div class="content_top">
                <div class="title">
                    <div class="left">
                        最新作品
                    </div>
                    <div class="right">
                        推荐作品
                    </div>
                </div>
                <div class="input">
                    <div class="inputBox">
                        类别：
                        <select name="select">
                            <option selected>全部</option>
                        </select>
                        <i class="iconfont icon-xiala"></i>
                    </div>
                    <div class="inputBox">
                        年代：
                        <select name="select">
                            <option selected>全部</option>
                        </select>
                        <i class="iconfont icon-xiala"></i>
                    </div>
                    <div class="inputBox">
                        国家：
                        <select name="select">
                            <option selected>全部</option>
                        </select>
                        <i class="iconfont icon-xiala"></i>
                    </div>
                    <div class="inputBox">
                        授权
                    </div>
                    <div class="inputBox">
                        认证
                    </div>
                </div>
            </div>
            <div class="content_bottom">
                <div class="artwork">
                    <div class="left">
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/人体画系列1.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/最后的晚餐.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/舞蹈.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/向日葵.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                    </div>
                    <div class="middle">
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/人体画系列2.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/呐喊.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/夜晚露天咖啡座.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/酒店前的西班牙夫妇.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                    </div>
                    <div class="right">
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/蒙娜丽莎.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/生命之舞.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/有星星的夜空.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                        <div class="works">
                            <div class="imgBox">
                                <img src="../images/artwork/穆斯克前的的吉普赛人.png" alt="">
                            </div>
                            <div class="textBox">
                                <p>皮诺·德埃尼 《人体画系列》<span>油画</span></p>
                                <p><span>21</span>点赞/<span>3</span>评论/<span>306</span>收藏</p>
                                <p>2个月前发布</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="loading">
                    <img src="../images/common/加载中.png" alt="">
                    <p>加载中</p>
                </div>
                <div class="backBox">
                    <a href="#back"><i class="iconfont icon-xiangshang"></i></a>
                </div>
            </div>
        </main>
        <footer>
            <div class="footer_top">
                <a href="">客服中心</a>
                <a href="">专家顾问</a>
                <a href="">法律政策</a>
                <a href="">关于我们</a>
                <a href="">企业服务</a>
                <a href="">中文</a>
                <a href="">English</a>
            </div>
            <div class="footer_bottom">
                <p>我们在这：北京市小店区平阳路122号 电话：010-12345678
                    邮箱：957894748@126.com
                </p>
                <img src="../images/common/二维码.jpg" alt="">
            </div>
        </footer>
    </div>
</body>

</html>